<template>
  <div>
  <Form ref="formInline" :model="queryForm" inline :label-width="80">
    <Form-item label="社区名称：">
        <Input v-model="queryForm.namw" placeholder="请输入"></Input>
    </Form-item>
    <Form-item>
        <Button type="primary" @click="handleSelect()">查询</Button>
        <Button type="primary">新增</Button>
    </Form-item>
  </Form>
  <div>
  </div>
  <Table  :columns="tableColums" :data="tableData" border></Table>
 </div>
</template>
<script>
import { sqList } from 'src/utils/axios';
export default {
 data(){
     return{
         queryForm:{
           name:""
         },
           tableColums: [
                    {
                        title: '社区名称',
                        key: 'name'
                    },
                    {
                        title: '联系人',
                        key: 'contact'
                    },
                    {
                        title: '联系方式',
                        key: 'telephone'
                    },
                    {
                        title: '地址',
                        key: 'address'
                    }
                ],
                tableData: []
     }
 },
 created(){
     this.getList()
 },
 methods:{
  handleSelect(){},
   getList(){
      let param={
          "range": [0, 1000],
      }
     sqList(param).then((res)=>{
         this.tableData=res.data.list || [];
     }) 
  }
 }
}
</script>
<style></style>